<h:panelGroup xmlns:p='http://primefaces.org/ui'
              xmlns:f='http://java.sun.com/jsf/core'
              xmlns:h='http://java.sun.com/jsf/html'
              xmlns:c='http://java.sun.com/jsp/jstl/core' styleClass='pnlHeader'>

<h:form id='head'>

<span id='contextPath' style='display:none'>#{facesContext.externalContext.request.requestURL}</span>

<h:panelGrid columns='4' cellpadding='0' cellspacing='0' width='100%'>

  <h:panelGrid columns='3' cellpadding='0' cellspacing='0'>

    <f:ajax><h:commandButton id='start' onclick='showNavigation()'/></f:ajax>

    <p:selectOneMenu value='#{controller.transactionId}' editable='true' styleClass='search'>

    <p:ajax event='change'   oncomplete="document.getElementById('head:searchBtn').focus()"/>

    <f:selectItems value='#{coreBean.lsTransaccion}' var='x' itemLabel='#{x}' itemValue='#{x}'/></p:selectOneMenu>

    <p:commandButton id='searchBtn' icon='ui-icon-search' style='background: transparent; border: none' actionListener='#{controller.openTransaccion}' process='@form'/>

  </h:panelGrid>


  <h:panelGroup>

  <c:forEach items='#{controller.lsNode}' var='node' varStatus='x'>

  <h:panelGroup style='position: relative; width: 100px; float: right; margin-right: 10px'>

  <p:commandLink id='T#{x.index}' styleClass="button #{node.id==builder.navigation.currentNode.id? 'orange':'blue'}" value='#{node.label}' style='border-right:0'

                 actionListener='#{controller.navigationEvent}' process='@form' partialSubmit='true'><f:param name='nodeId'  value='#{node.id}'/></p:commandLink>


  <p:commandLink styleClass="closeTrn #{node.id==builder.navigation.currentNode.id? 'orange':'blue'}"

                 actionListener='#{controller.closeTransaccion}' process='@form' partialSubmit='true'><f:param name='nodeId' value='#{node.id}'/></p:commandLink>

  </h:panelGroup>

  </c:forEach>

  </h:panelGroup>


  <h:panelGrid columns='4' cellpadding='0' cellspacing='0' style='float: right; margin: 4px'>

    <h:commandButton styleClass='windowsApp' action='#{controller.showWindows}'/>

    <h:commandButton styleClass='closeSession' action='#{coreBean.closeSession}'/>


    <p:ajaxStatus styleClass='status'>

    <f:facet name='start'><h:graphicImage value='../resources/ui/32-Connect.gif' styleClass='statusImg'/></f:facet>

    <f:facet name='complete'><h:graphicImage value='../resources/ui/32-ConnectStop.gif' styleClass='statusImg'/></f:facet>

    </p:ajaxStatus>


    <h:panelGrid styleClass='time' columns='1'>

    <h:outputLabel id='dateServer'/>

    <h:outputLabel id='dateClient'/>

    </h:panelGrid>

  </h:panelGrid>

</h:panelGrid>

</h:form>


<h:outputScript library='ui'  name='savanti.js'/>

</h:panelGroup>
